<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>  
        <link type="text/css" rel="stylesheet" media="screen" href="../css/estilos.css" />
        <script type="text/javascript" src="../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../js/archivo.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.7.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" media="screen" href="../css/jquery-ui-1.8.7.custom.css" />        
        <script src="../js/carousel.js" type="text/javascript"></script>
        <script type="text/javascript" src="../js/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/jquery.fancybox-1.3.4.css" media="screen" />
        <script type="text/javascript">
            stepcarousel.setup({
                galleryid: 'carousel', //ID del div que contiene el carrusel
                beltclass: 'belt', //Clase del primer div dentro del carrusel, que contiene al resto de divs
                panelclass: 'panel', //Clase de cada panel individual
                autostep: {enable:true, moveby:1, pause:3000},
                panelbehavior: {speed:500, wraparound:true, persist:true},
                statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
                contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
            })
        </script>

    </head>
    <body>
        <div id="borde">
            <div id="wrap">
                <div id="cabecera">
                    <div id="contenedor-slider" style="">
                        <div id="slider">
                            <div class="imagen-slider img1"></div>
                            <div class="imagen-slider img2"></div>
                            <div class="imagen-slider img3"></div>
                            <div class="imagen-slider img4"></div>
                        </div>
                        <div class="control_banner">
                            <div class="control_marcas">
                                <span onclick="ir_banner(0)" class="control_marcas_item control_activo" id="b1"></span>
                                <span onclick="ir_banner(1)" class="control_marcas_item control_desactivo" id="b2"></span>
                                <span onclick="ir_banner(2)" class="control_marcas_item control_desactivo" id="b3"></span>
                                <span onclick="ir_banner(3)" class="control_marcas_item control_desactivo" id="b4"></span>
                            </div>
                            <div class="control_banner_botones">
                                <a href="javascript:anterior_banner();" class="control_banner_boton"><img src="../imagenes/cabecero/anterior.png" alt=""/></a>
                                <a id="btn_pause" href="javascript:pause();" class="control_banner_boton"><img src="../imagenes/cabecero/pause.png" alt=""/></a>
                                <a id="btn_play" href="javascript:play();" class="control_banner_boton dnone"><img src="../imagenes/cabecero/play.png" alt=""/></a>
                                <a href="javascript:siguiente_banner();" class="control_banner_boton"><img src="../imagenes/cabecero/siguiente.png" alt=""/></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="navegacion">
                    <ul class="topnav">
                        <li>
                            <a href="#">Géneros</a><span class="flecha"></span>
                            <ul class="subnav">
                                <li><a href="../paginas/cienciaFiccion.html">Ciencia ficción</a></li>
                                <li><a href="../paginas/accion.html">Acción</a></li>
                                <li><a href="../paginas/terror.html">Terror</a></li>
                                <li><a href="../paginas/fantasia.html">Fantasía</a></li>
                                
                               
                            </ul>
                        </li>
                        <li>
                            <a href="#">Top 5</a><span class="flecha"></span>
                            <ul class="subnav">
                                <li><a href="../paginas/battleship.html">1. Battleship</a></li>
                                <li><a href="../paginas/piratas.html">2. Piratas en el Caribe</a></li>
                                <li><a href="../paginas/resident.html">3. Resident Evil 4</a></li>
                                <li><a href="../paginas/sherlock.html">4. Sherlock Homes 2</a></li>
                                <li><a href="../paginas/thor.html">5. Thor</a></li>
                                
                            </ul>
                        </li>
                        <li><a href="../paginas/contacto.html">Contacto</a></li>
                         <li><a href="../index.html">Inicio</a></li>
                    </ul>
                    <form action="#" id="buscador">
                        <input class="texto" type="text" size="20" />
                        <input type="submit" class="busca" value="buscar" />
                    </form>
                </div>

                <div id="contenido">
                    <!-- ***************************** CONTENIDO **************************************** -->
                    <div id="pelicula">
                    <div id="titulo_peli">
                            Películas de fantasía
                        </div>
                    <div id="lista_peli">
                        <div class="elemento_list_peli">
                            <div class="cont_cartel">
                                <img class="cartel_pequeno" src="../imagenes/portadas/immortals.jpg" alt="immortals"/>
                            </div>
                            <div class="resumen">
                                <span class="negrita">Immortals:</span> Eones después de que los dioses vencieran a los titanes, un nuevo peligro maléfico amenaza la tierra. Enloquecido por el poder, el rey Hiperión (Mickey Rourke) ha declarado la guerra a...
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="elemento_list_peli">
                            <div class="cont_cartel">
                                <img class="cartel_pequeno" src="../imagenes/portadas/peli0.jpg" alt="piratas"/>
                            </div>
                            <div class="resumen">
                                <span class="negrita">Piratas del caribe: navengado aguas oscuaras</span> Producida por Jerry Bruckheimer y dirigida por Rob Marshall, "Piratas del Caribe: en mareas misteriosas" vuelve a ofrecer las enormes dosis de diversión, aventura y humor que...
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="elemento_list_peli">
                            <div class="cont_cartel">
                                <img class="cartel_pequeno" src="../imagenes/portadas/sucker.jpg" alt="piratas"/>
                            </div>
                            <div class="resumen">
                                <span class="negrita">Sucker Punch:</span> Sucker Punch es una fantasía épica de acción que nos sumerge en la imaginación de una joven cuyos sueños le ofrecen la mejor escapatoria para su realidad más oscura. Sin la...
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="elemento_list_peli">
                            <div class="cont_cartel">
                                <img class="cartel_pequeno" src="../imagenes/portadas/thor.jpg" alt="piratas"/>
                            </div>
                            <div class="resumen">
                                <span class="negrita">Thor:</span> Thor es un asgardiano, raza extraterrestre autoproclamados dioses, originaria de Asgard, y que creó un culto entre las tribus nórdicas. A pesar de considerarse un...
                            </div>
                            <div class="clear"></div>
                        </div>
                         
                        
                        
                    </div>
                    
                    </div>
                    
                    
                    <!-- ***************************** FIN CONTENIDO **************************************** -->
                </div>

                <div id="menu">
                    <div class="menu_separador">
                        Menú
                    </div>
                   
                    <ul class="menu_caja">
                        
                        <li><a href="../paginas/estrenos.html">Estrenos</a></li>
                        <li><a href="../paginas/curiosidades.html">Curiosidades</a></li>
                        <li><a href="../paginas/lanzamientosDVD.html">Lanzamientos DVD</a></li>
                        
                    </ul>
                         
                    <div class="menu_separador">
                        Iniciar sesión
                    </div> 
                    <div id="login_form">
                        <form method="post" action="" id="registro">
                            <p>Usuario</p>
                            <input type="text" name="usuario" class="usuario"></input>
                            <p>Contraseña</p>
                            <input type="password" name="password" class="password"></input>
                            <div class="enl-registro"><a  class="popup" href="nuevo_registro.html" id="reg">Registrarse</a></div>
                            <p><input  type="submit" value="Entrar"></input></p>
                        </form>
                    </div>
                </div>

                <div id="pie">
                    
                    <a href="http://validator.w3.org/check?uri=referer"><img
                    src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
                    <div id="enlaces_pie">
                     <a href="http://masterinftel.uma.es/"><img src="../imagenes/logos/logo_inftel.png" alt="master Inftel"/></a>
                     <a href="http://www.uma.es"><img src="../imagenes/logos/logo_uma.JPG" alt="uma"/></a>
                     <a href="http://fundacion.vodafone.es/fundacion/es"><img src="../imagenes/logos/logo_vodafonne.jpg" alt="fundación vodafone"/></a>
                    </div>
                </div>


            </div><!--wrap-->
        </div><!--borde-->
    </body>
</html>
